<!doctype html>
<html lang="en">

	<head>
		<meta charset="UTF-8" />
		<title>订单确认界面-网易考拉</title>
		<link rel="stylesheet" type="text/css" href="static/css/common.css" />
		<script type="text/javascript" src="static/js/jquery-1.11.0.js"></script>
		<script type="text/javascript" src="static/js/Calculation.js"></script>
		<link rel="stylesheet" type="text/css" href="static/css/style.css" />
		
		<!--<script>
				//鼠标滑过显示下拉菜单
				$('.nav_right_li').mouseenter(function() {
					$(this).find('ul').css('display', 'block')
					$(this).mouseleave (function() {
						$(this).find('ul').css('display', 'none')
					})
				})
		</script>-->
	</head>

	<body>
					<!--head-->
		<div class="head">
			<div class="header banxin">
				<div class="headleft">
					<span>考拉欢迎你！</span>
					<a href="#">登录</a>|
					<a href="#">免费注册</a>
				</div>
				<div class="headcenter">
					<a class="clear" href="#"><span>&nbsp;</span><i>手机考拉海购</i></a>
					<div id="ewm1">
						<img src="static/images/2dcode-app.jpg" />
						<p>下载app</p>
						<p>领取268元新人礼包</p>
					</div>
				</div>
				<div class="headright">
					<a class="float" href="#">每日签到</a><span>|</span>
					<a class="float" href="#">我的订单</a><span>|</span>
					<div class="jiao1 float" href="#">
						个人中心<img src="static/img/jiao.jpg" />
						<ul id="jiao1-xs">
							<li><a href="#">我的优惠券</a></li>
							<li><a href="#">我的考拉豆</a></li>
							<li><a href="#">账户安全</a></li>
							<li><a href="#">我的实名认证</a></li>
							<li><a href="#">我收藏的商品</a></li>
							<li><a href="#">我关注的品牌</a></li>
							<li><a href="#">售后管理</a></li>
							<li><a href="#">我的优惠券</a></li>
							<li><a href="#">我的优惠券</a></li>
						</ul>
						
					</div>
					<span>|</span>
					<div class="jiao2 float" href="#">
						客户服务<img src="static/img/jiao.jpg" />
						<ul id="jiao2-xs">
							<li><a href="#">联系客服</a></li>
							<li><a href="#">帮助中心</a></li>
						</ul>
						
					</div><span>|</span>
					<a class="float" href="#">游戏充值</a><span>|</span>
					<a class="float" href="#">消费者告知书</a><span>|</span>
					<div class="float jiao3" href="#">
						更多<img src="static/img/jiao.jpg" />
						<ul id="jiao3-xs">
							<li><a href="#">收藏本站</a></li>
							<li><a href="#">新浪微博</a></li>
							<li><a href="#">微信公众号</a></li>
							<li><a href="#">易信公众号</a></li>
							<li><a href="#">联系客服</a></li>
							<li><a href="#">招商合作</a></li>
							<li><a href="#">考拉招聘</a></li>
						</ul>
						
					</div><span>|</span>
			</div>
		</div>
		
		</div>
			
		
		<!--*******************logo部分**********************-->
		<div id="docHeadWrap">
			<a class="iconLogo">
				<img src="static/images/LOGO.png" />
			</a>
			<div class="m-step">
				<span class="bg2"></span>
				<ul class="clearfix">
					<li class="step step-1 active">
						<div class="txt1">我的购物车</div>
					</li>
					<li class="step step-2 ">
						<div class="txt2">提交订单</div>
					</li>
					<li class="step step-3 ">
						<div class="txt">选择支付方式</div>
					</li>
				</ul>
			</div>
		</div>
		<!--*******************结算界面部分**********************-->
		<div class="mainWrap orderMain confirmStyle">
			<div class="orderConfirmCon">
				<div class="oShow">
					<div class="oShowCon">
						<div>
							<div class="m_myaddress">
								<h2 class="title" style="margin-top:17px;font-size:18px;">新增收货地址</h2>
								<div class="item first clearfi">
									<span class="item-label">
    								<i>*</i>
    								&nbsp;所在地区
    							</span>
									<span class="nselect-wrap zp-province" style="width:140px;background-color: rgb(255,255,255);">
    								<div class="nselector">
    									<div class="result-wrap" style="padding-left: 20px; padding-right: 20px;">
    										<div class="result ellipsis" value="" style="width: 98px;">--省/直辖市--</div>
    										<div class="cp-arrow cp-arrow-down"></div>
    									</div>
    								</div>
    								
    							</span>

									<p class="i-error"></p>

								</div>
								<div class="item clearfi">
									<span class="item-label">
    								<i>*</i>
    								&nbsp;详细地址
    							</span>
									<textarea name="street" class="item-textarea ztag" autocomplete="off" placeholder="无需重复填写省市区，小于75个字"></textarea>
									<p class="i-error"></p>
								</div>
								<div class="item item-fullname clearfi">
									<span class="item-label">
    							<i>*</i>&nbsp;收货人姓名
    						</span>
									<input name="fullname" class="item-input item-input-fullname ztag" type="text" placeholder="请使用真实姓名，长度不超过12个字">
									<p class="i-error"></p>
								</div>
								<div class="item clearfi">
									<span class="item-label">
    								<i>*</i>&nbsp;手机号码
    							</span>
									<input name="mobile" class="item-input item-input-mobile zptag" type="text" autocomplete="off" placeholder="手机号码、电话号码必须填一项">
								</div>
								<div class="item clearfi">
									<span class="item-label">电话号码</span>
									<input name="areacode" class="item-input zptag areacode" type="text" placeholder="区号">
									<span>&nbsp;-&nbsp;</span>
									<input name="telephone" class="item-input zptag telephone" type="text" placeholder="电话号码">
									<span>&nbsp;-&nbsp;</span>
									<input name="ext" class="item-input zptag ext" type="text" placeholder="分机号(可选)">
									<p class="i-error"></p>
								</div>
								<div class="item clearfi">
									<span class="item-label">邮箱</span>
									<input name="email" class="item-input ztag" type="text" placeholder="接受订单提醒邮件，便于您及时了解订单状态">
									<p class="i-error" style="display: none;"></p>
								</div>
								<div class="item-bottom clearfi">
									<button class="item-submit">保存新地址</button>
								</div>
							</div>
						</div>
					</div>
					<div class="oShow" id="otherInfoTab">
						<h3 class="stp2"><strong>确认商品信息</strong></h3>
						<div class="oShowCon oShowStp4">
							<table class="goodsListTable" width="100%" border="0">
								<colgroup>
									<col width="40%">
									<col width="15%">
									<col width="15%">
									<col width="15%">
									<col width="15%">
								</colgroup>
								<thead>
									<tr>
										<th>商品</th>
										<th>重量(千克)</th>
										<th>单价(元)</th>
										<th>数量</th>
										<th>金额(元)</th>
									</tr>
								</thead>
								<tbody>
									<tr class="trHeight ">
										<td align="left" title="GIORGIO ARMANI 乔治·阿玛尼 寄情男士香水 50毫升">
											<span class="proTit"><span class="gTitle"> GIORGIO ARMANI 乔治·阿玛尼 寄情男士香水...
</span></span>
										</td>
										<td align="center">0.05</td>
										<td align="center">359 </td>
										<td align="center">1</td>
										<td align="center"><b>359.00</b></td>
									</tr>
								</tbody>
							</table>
						</div>
					</div>

					<div class="oShowCon oShowStp5 clearfi btnone">
						<div class="billWrap clearfi">
							<div class="billWrapRight" style="width: 80px;">
								<p id="js_couponAmount"><em class="amount">-¥0.00</em></p>
							</div>
							<div class="billWrapLeft">
								<div id="couponInfoBox" style="">
									<div class="couponInfo clearFi" id="couponWrap">
										<div class="myCouponList clearFi" style="display:none">
											<span class="nselect-wrap " style="background-color: rgb(255, 255, 255);"><div class="nselector"><div class="result-wrap"><div class="result ellipsis" value="null"></div><div class="cp-arrow cp-arrow-down"></div></div><div class="options-wrap"><div class="options"><ul></ul></div></div></div><select id="couponList" nselect="1" style="display: none;">
</select></span>
										</div>
										<label id="useCoupon" class="m-checkbox isUseCoupon m-disabled disabledCoupon"><span class="box"><i></i><em></em></span>使用优惠券(0)
</label>
									</div>
									<div id="useCouponCode" class="newCoupon clearFi"><a>兑换优惠券</a></div>
									<div id="exchangeCoupon" class="exchangeCoupon clearFi" style="display:none">
										<div id="exchangeBox" class="clearfi">
											<a class="grayBtn3" href="#Core.exchangeCoupon">兑换</a>
											<input class="input" id="couponCode" value="" placeholder="">
											<span class="cpErrBubble"></span>
										</div>
										<div id="exchangeOK" style="display:none"></div>
									</div>
								</div>
							</div>
						</div>
						<div class="submitWrap j-submitbox">
							<div class="itemAmount clearfi">
								<div class="settlementAmount clearfi">
									<p><em class="amount">¥359.00</em></p>
									<p><em class="amount">¥0.00</em><input id="js_logisticsAmount" type="hidden" value="0"></p>
									<p><em class="amount">¥0.00</em></p>
									<p class="totalPrice"><em class="amount"><span id="orderPayAmount" rel="359.00">¥359.00</span></em></p>
								</div>
								<div class="settlementItem clearfi">
									<p><em class="tit">商品应付总计：</em></p>
									<div class="logisfee f-vama">
										<em class="tit">运费：</em>
									</div>
									<div class="logisfee f-vama">
										<em class="tit">税费：</em>
									</div>
									<p><em class="tit">应付金额：</em></p>
								</div>
							</div>
							<div class="submitAndTip clearfi">
								<a href="#Core.submitOrder" class="oOrgBtn" id="submitOrderBtn">提交订单</a>
								<span class="goBackCart">
<a href="GoWuChe.html">返回购物车修改</a>
</span>
								<div class="smallTips submit_tip" id="js_submit_tip" style="display:none;">
									<span class="c_imp">实在抱歉，由于物流原因，您所在省份无法购买配方奶粉类的商品</span>
								</div>
							</div>
							<p class="addr" id="crtAddr"></p>
						</div>
					</div>

					<div class="oShowCon agreement">
						<label class="m-checkbox m-checked">
<span class="box" id="agree" name="agree" disabled=""><i></i><em></em></span>
</label>
						<label for="agree">本人同意并接受<a target="_blank" href="#">《网易考拉海购服务协议》</a>与<a href="javascript:;" class="personalDelegate">《进口个人委托申报委托》</a></label>
						<span class="delegateBox"><b></b>本人承诺所购买商品系个人合理自用，针对保税区发货的各种商品，现委托商家代理申报、代缴税款等通关事宜，本人保证遵守《海关法》和国家相关法律法规，保证所提供的身份信息和收货信息真实完整，无侵犯他人权益的行为，以上委托关系系如实填写，本人愿意接受海关、检验检疫机构及其他监管部门的监管，并承担相应法律责任。</span>
					</div>

				</div>
			</div>
			</div>
			
			
			
			
			<!--****************bottom*******************-->
			<div class="bottom">
				<div class="aboutNEST">
					<a href="#"><img class="img" src="static/images/hz.jpg" /></a>
					<a class="about_a" href="#">About NetEase</a>-
					<a href="#">公司简介</a>-
					<a href="#">联系方法</a>-
					<a href="#">友情链接</a>-
					<a href="#">招聘信息</a>-
					<a href="#">客户服务</a>-
					<a href="#">隐私政策</a>-
					<a href="#">网络营销 </a>-
					<a href="#">网站地图</a>-
					<a href="#">网易考拉海购 </a><br>

					<a class="about_a3" href="#">
						<span>浙公网安备 33010002000066号 </span>
					</a>
					<span>增值电信业务经营许可证：浙B2-20090185-3</span>
					<span>网络文化经营许可证：浙网文[2016]0155-055号 </span>
					<span>网易公司版权所有©1997-2016</span>
				</div>
				<div class="f-tac">
					<a href="#"><img src="static/images/kx.jpg" /></a>
					<a href="#"><img src="static/images/hz.jpg" width="28" height="30px" /></a>
				</div>
			</div>
			
			<!--<div id="Footer"></div>-->
	</body>

</html>